
@include tip;
.container {
    background: #FAFAFC;
}
.scroll {
    height: 100vh;
}

.search-box{
    @include padding-box(3vw 30rpx);
}
.search-box .search-input{
    background: #ffffff;
    height: 88rpx;
}
.search-box .search-icon{
    left: 60rpx;
}
.tab{
    overflow-x: auto;
    width: 100%;
    .tab-box{
        display: flex;
        align-items: center;
        @include padding-box(30rpx);
    }
    .tab-i{
        margin-right: $font-mini;
        background: #FFFFFF;
        border-radius: 8rpx;
        @include padding-box(13rpx 18rpx);
        color: #9EA1BB;
        flex: none;
        
    }
    .active{
        background: rgba(0, 214, 121, 0.1);
        border-radius: 8px; 
        color: $green;
    }
}
.personnel-list{
    @include padding-box(0 30rpx);
}
.personnel-i{
    @include padding-box(30rpx);
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    margin: 30rpx 0;
    .portrait{
        width: 98rpx;
        height: 98rpx;
        border-radius: 50%;
        margin-right: 20rpx;
    }
}
.personnel-info{
    margin-left: 20rpx;
}
.personnel-name{
    display: flex;
    align-items: center;
    color: $black;
    font-size: $font-normal;
    font-weight: bold;
    margin-bottom: 20rpx;
    .sex-img{
        width: 36rpx;
        height: 36rpx;
        margin-left: 10rpx;
    }

}
.unified{
    display: flex;
    align-items: center;
    margin-top: 15rpx;
    .left-unified{
        color: #9497B1;
        font-size: $font-mini;
    }
    .right-unified{
        color: #202536;
        font-size: $font-mini;
    }
}

